<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
	<head>
		<title>需求大厅</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css"
			href="//fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700,800,900,900i%7CRoboto:400%7CRubik:100,400,700">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/fonts.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/layout.css">
		<link rel="stylesheet" href="css/donate.css">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<script src="js/cityAndPro.js"></script>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		<style>
			.ie-panel {
				display: none;
				background: #212121;
				padding: 10px 0;
				box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
				clear: both;
				text-align: center;
				position: relative;
				z-index: 1;
			}

			html.ie-10 .ie-panel,
			html.lt-ie-10 .ie-panel {
				display: block;
			}


			/*设置div样式的整体布局*/
			.page-icon {
				margin: 20px 0 0 0;
				/*设置距离顶部20像素*/
				font-size: 0;
				/*修复行内元素之间空隙间隔*/
				text-align: center;
				/*设置内容居中显示*/
			}

			/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
			.page-icon a,
			.page-disabled,
			.page-next {
				border: 1px solid #ccc;
				border-radius: 3px;
				padding: 4px 10px 5px;
				font-size: 14PX;
				/*修复行内元素之间空隙间隔*/
				margin-right: 10px;
			}

			/*对 a 标签进行样式布局 */
			.page-icon a {
				text-decoration: none;
				/*取消链接的下划线*/
				color: #005aa0;
			}

			.page-current {
				color: #ff6600;
				padding: 4px 10px 5px;
				font-size: 14PX;
				/*修复行内元素之间空隙间隔*/
			}

			.page-disabled {
				color: #ccc;
			}

			.page-next i,
			.page-disabled i {
				cursor: pointer;
				/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
				display: inline-block;
				/*设置显示的方式为行内块元素*/
				width: 5px;
				height: 9px;
				background-image: url(http://img.mukewang.com/547fdbc60001bab900880700.gif);
				/*获取图标的背景链接*/
			}

			.page-disabled i {
				background-position: -80px -608px;
				margin-right: 3px;
			}

			.page-next i {
				background-position: -62px -608px;
				margin-left: 3px;
			}
		</style>
	</head>
	<body>
		<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img
					src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820"
					alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a>
		</div>
		<div class="preloader">
			<div class="preloader-body">
				<div class="cssload-container">
					<div class="cssload-speeding-wheel"></div>
				</div>
				<p>Loading...</p>
			</div>
		</div>
		<div class="page">

			<!-- Page Header-->
			<header class="section page-header">
				<!-- RD Navbar-->
				<div class="rd-navbar-wrap">
					<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed"
						data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed"
						data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static"
						data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static"
						data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static"
						data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px"
						data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true"
						data-xl-stick-up="true" data-xxl-stick-up="true">
						<div class="rd-navbar-main-outer">
							<div class="rd-navbar-main">
								<!-- RD Navbar Panel-->
								<div class="rd-navbar-panel">
									<!-- RD Navbar Toggle-->
									<button class="rd-navbar-toggle"
										data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
									<!-- RD Navbar Brand-->
									<div class="rd-navbar-brand"><a href="index.html"><img class="brand-logo-light"
												src="images/图标.png" alt="" width="207" height="51" /></a></div>
								</div>
								<div class="rd-navbar-main-element">
									<div class="rd-navbar-nav-wrap">
										<!-- RD Navbar Nav-->
										<ul class="rd-navbar-nav one">
											<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">首页</a>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link" href="news.html">新闻资讯</a>
												<ul class="two two_1">
													<li><a class="rd-nav-link" href="news.html">启善看板</a></li>
													<li><a class="rd-nav-link" href="news.html">启善资讯</a></li>
												</ul>
											</li>
											<li class="rd-nav-item active"><a class="rd-nav-link"
													href="../site/Requirelobby.html">捐赠大厅</a>
												<ul class="two two_1">
													<li><a class="rd-nav-link" href="Requirelobby.html">社区需求</a></li>
													<li><a class="rd-nav-link" href="yiqumap.html">疫区分布</a></li>
												</ul>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link"
													href="Logpartner.html">物流合作</a>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link" href="aboutUs.html">关于启善</a>
											</li>
										</ul>
										<a class="button button-primary button-sm" href="pRequire.html">发布需求</a>
									</div>
								</div>
								<a class="button button-primary button-sm" href="pRequire.html">发布需求</a>
								<ul class="nav rd-navbar-nav one">
									<li class="dropdown ml20 mr0 rd-nav-item">
										<a href="../userlogin/login.html" class="dropdown-toggle"><span
												id="name">登录/注册</span>
											<span class="caret" style="top: -6px"></span></a>
										<ul class="two two_1">
											<li><a href="/User/MyAccount">我的账号</a></li>
											<li><a href="/User/MyDonate">我的捐赠车</a></li>
											<li><a href="/User/MyRecommendSchool">我的需求</a></li>
											<li><a href="https://huangsanzhai.github.io/superadmin/html/shequlogin">社区管理员</a></li>
											<li><a href="../adminLoign/superLogin.html">超级管理员</a></li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</nav>
				</div>
			</header>

			<section class="parallax-container" data-parallax-img="images/88.jpg">
				<div class="parallax-content breadcrumbs-custom context-dark">
					<div class="container">
						<div class="row justify-content-center">
							<div class="col-12 col-lg-9">
								<h2 class="breadcrumbs-custom-title">社区需求</h2>
								<ul class="breadcrumbs-custom-path">
									<li><a href="index.html">首页</a></li>
									<li class="active">捐赠大厅</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>


			<!-- Base typography -->
			<section class="section section-lg bg-default">
				<!-- 搜索 -->
				<div class="flex-reverse flex-wrap">
					<a href="yiqumap.html" class="yiqing-map">疫区地图</a>

					<div class="search-box">
						<div class="input-box">
							<img src="images/search.png" />
							<input type="text" id="search" placeholder="请输入社区名称" />
						</div>
						<button class="searchBtn">搜索</button>
					</div>
					<div style="clear: both"></div>
				</div>


				<section class="section section-lg bg-gray-1">
					<div class="container">
						<div class="row justify-content-center text-center">
							<div class="col-md-9 col-lg-7 wow-outer">
								<div class="wow slideInDown">
									<h3>社区列表</h3>

									<div class="form-group">
										<label class="control-label col-sm-3">所在地址</label>
										<div class="col-sm-8">
											<div class="col-sm-4">
												<select name="input_province" id="input_province" class="form-control">
													<option value="">--请选择--</option>
												</select>
											</div>
											<div class="col-sm-4">
												<select name="input_city" id="input_city" class="form-control">
													<option value="">--请选择--</option>
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row row-50">
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/汤臣一品.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="donate.html">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">上海市汤臣一品</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/1.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="donate.html">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="donate.html">豫园街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资
												<!-- $52,380</span>
											of <span>$55,000</span> raised -->
										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/2.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="donate.html">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">老西门街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/3.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="donate.html">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">小东门街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/4.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="#">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">半淞园路街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/5.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="#">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">淮海中路街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/6.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="#">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">瑞金二路街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/7.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="#">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">外滩街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>
							<div class="col-md-6 col-lg-4 wow-outer">
								<div class="wow fadeInUp">
									<article class="box-causes">
										<div class="box-causes-img"><img src="images/8.png" alt="" width="372"
												height="396" /><a class="button button-sm button-primary"
												href="#">捐赠</a>
										</div>
										<h4 class="font-weight-medium"><a href="#">嘉兴路街道社区</a></h4>
										<p class="box-causes-donate"><span class="box-causes-donate-complete">紧需应急生活物资

										</p>
									</article>
								</div>
							</div>

							<div class="page-icon" style="margin-left: 32%;">
								<span class="page-disabled"><i></i>上一页</span>
								<span class="page-current">1</span>
								<a href="#">2</a>
								<a href="#">3</a>
								<a href="#">4</a>
								<a href="#">5</a>
								<a href="#">6</a>
								<a href="#">7</a>
								<a href="#">...</a>
								<a class="page-next" href="#">下一页<i></i></a>
							</div>

						</div>
					</div>
				</section>

			</section>

			<!-- Blockquote-->
			<section class="section section-lg bg-default">
				<div class="container">
					<div class="row row-50">
						<div class="col-lg-10 col-xl-8">
							<h3>需要您的援助之手</h3>
							<!-- Quote Primary-->
							<article class="quote-primary">
								<div class="quote-primary-body">
									<div class="quote-primary-text">
										<p class="q">
											在人生的旅程中，每个人的生活都离不开别人的帮助，因为自然界的任何事物都是一个普遍联系的整体，没有谁能够脱离周围的事物而孤立地存在，但在接受别人帮助的同时，我们也要学会去帮助别人。
										</p>
									</div>
								</div>
								<div class="quote-primary-footer">
									<div class="bg-dot"></div>
									<p class="quote-primary-cite">罗夫·瓦尔多·爱默森</p>
								</div>
							</article>
						</div>
					</div>
				</div>
			</section>

			<!-- Page Footer-->
			<footer class="section footer-minimal context-dark">
				<div class="container wow-outer">
					<div class="wow fadeIn">
						<div class="row row-50 row-lg-60">
							<div class="col-12"><a href="index.html"><img src="images/图标.png" alt="" width="207"
										height="51" /></a></div>
							<div class="col-12">
								<ul class="footer-minimal-nav">
									<li><a href="index.html">首页</a></li>
									<li><a href="news.html">新闻资讯</a></li>
									<li><a href="Requirelobby.html">捐赠大厅</a></li>
									<li><a href="Logpartner.html">物流合作</a></li>
									<li><a href="aboutUs.html">关于启善</a></li>
									<li><a href="pRequire.html">发布需求</a></li>

								</ul>
							</div>
							<div class="col-12">
								<ul class="social-list">
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-facebook"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-instagram"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-twitter"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-youtube-play"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-pinterest-p"
											href="#"></a></li>
								</ul>
							</div>
						</div>
						<p class="rights"><span>&copy;&nbsp;</span><span
								class="copyright-year"></span><span>&nbsp;</span><span>.&nbsp;</span><span>&nbsp;</span>Design&nbsp;by&nbsp;启善
						</p>
					</div>
				</div>
			</footer>
		</div>
		<div class="snackbars" id="form-output-global"></div>
		<script src="js/core.min.js"></script>
		<script src="js/script.js"></script>



		<script>
			$(function() {
				var html = "";
				var province_idx;
				$("#input_city").append(html);

				$.each(cityMessage, function(idx, item) {
					if (item.parid == '1') {
						html += "<option value='" + item.regname + "' exid='" + item.regid + "'>" + item
							.regname + "</option>";
					}

				});
				$("#input_province").append(html);
				$("#input_province").change(function(e) {
					var province = $(this).val();
					var cityList = [];
					if (province == "") return;
					$("#input_city option").remove();
					var html = "<option value=''>--请选择--</option>";

					//					获取已选择的省份的数组下标
					$.each(cityMessage, function(idx, item) {
						if (province == item.regname && item.parid == '1') {
							province_idx = idx
						}
					})

					//					获取已选择的省份的城市列表
					$.each(cityMessage, function(idx, item) {
						if (cityMessage[idx].parid == cityMessage[province_idx].regid) {
							cityList.push(cityMessage[idx])
						}
					})

					//					添加城市信息给标签
					if (cityList instanceof Array && cityList.length > 0) {
						$.each(cityList, function(idx, item) {
							console.log(item)
							html += "<option value='" + item.regname + "' exid='" + item.regid + "'>" +
								item.regname + "</option>";

						});
					} else {
						html += "<option value='" + cityMessage[province_idx].regname + "' exid='" + cityMessage[
							province_idx].regid + "'>" + cityMessage[province_idx].regname + "</option>";

					}
					$("#input_city").append(html);
				});
			});
		</script>

	</body>
</html>
